<template>
  <view>
    <img src="/static/images/bg_time.jpg" class="bg_time">
    <view class="sign_page">

      <view class="sign_web">
        <img src="/static/logo.svg" alt="" class="logoImg">
        <span style="text-align: center;font-size: 46rpx;margin-left: 15rpx;">励氪签</span>
      </view>
      <view class="padding_vw">
        <uni-card>
            <h3>尊敬的{{ data.adminName }}您好！</h3>
            <!--员工转交管理员认证，公用文字-->
            <p>贵单位业务经办人【{{ data.staffName }}】需要通过励氪签电子签约平台在线签署合同。</p>
            <!--若存在合同名字 接收方管理员显示-->
            <p v-if="!!data.contractName" >贵单位签约账户由发起方，发起合同时，系统自动创建，固您单位还未完成实名认证。</p>
            <!--不存在合同名字 接收方管理员显示-->
            <p v-else >贵单位电子签约账户已由业务经办人创建，但经办人还未进行单位实名认证。</p>
            <!--员工转交管理员认证，公用文字-->
            <p>经办人已将贵单位账户实名认证业务转交给您，请您进行实名认证，认证后，您获得管理员权限，经办人可继续签署合同！</p>
        </uni-card>
      </view>
      <uni-notice-bar color="#00a660" background-color="#e6f6ef" text="请登录电子签约平台，完成企业实名认证"/>
      <!--验证码或者密码登录框-->
      <loginPassWordOrSMS :mobile="data.mobile" @loginOk="loginOk"></loginPassWordOrSMS>
    </view>
  </view>
</template>

<script>
import swiperTabHead from "@/components/slideTab/slideTab"
import loginPassWordOrSMS from "./signWeb/loginPassWordOrSMS";

export default {
  components: {
    swiperTabHead, loginPassWordOrSMS
  },
  data() {
    return {
      data: {}
    }
  },
  onLoad(options) {
    this.data = JSON.parse(new Buffer(options.data, "base64").toString());
  },
  created() {

  },
  methods: {
    /** 接受子组件传过来的值点击切换导航 */
    tabtap(index) {
      this.tabIndex = index;
    },
    loginOk() {
      this.$store.dispatch('GetInfo').then(async res => {
        // 个人未认证状态 跳转到页面
        if (res.user.isCertify == 0) {
          // 缓存当前公司未认证标志 当前个人认证完成后 跳转到企业认证页继续完成认证
          uni.setStorageSync(this.$enums.forWordAdminPersonNotCertify + res.user.mobile, this.data.companyId);
          this.$modal.msg("您个人账户还未实名认证，即将进入认证页面");
          setTimeout(() => {
            this.$tab.navigateTo("/pages/authentication/personal/personal");
          }, 3000);
          return;
        }
        this.$modal.msg("您单位账户还未实名认证，即将进入认证页面");
        setTimeout(() => {
          this.$tab.navigateTo("/pages/authentication/companyRealname/start?id=" + this.data.companyId)
        }, 3000);
      })
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .uni-noticebar {
  justify-content: center;
  text-align: center;
}

page {
  background-color: $uni-bg-color;
}

.sms-input ::v-deep.is-input-border {
  background: #f5f6f7 !important;
  width: 95%;
  border: none;
  padding-left: 14rpx;
}

.easyinput {
  width: 100%;
}

::v-deep .uni-card {
  box-shadow: rgba(225, 225, 225, 0.1) 0px 0px 2px 1px !important;
  // margin: 20rpx 30rpx !important;
}

.bg_time {
  width: 100%;
  height: 100%;
}

.bot_top {
  margin: 0 30rpx;
}


.padding_vw {
  margin-top: 20rpx;

  h3 {
    font-weight: normal;
    color: #666666;
  }

  p {
    margin: 16rpx 0;
    color: #7a7a7a;
  }

  .line-p {
    padding: 0 0 35rpx;
    border-bottom: 1rpx solid #e5e5e5;

    span {
      margin-left: 16rpx;
    }
  }
}

.sign_web {
  .logoImg {
    width: 70rpx;
    height: 70rpx;
  }

  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  width: 100%;
}

.sign_page {
  position: absolute;
  top: 5%;
  width: 100%;
}
</style>
